<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Administratie Systeem</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
<link href="css/bootstrap.css" rel="stylesheet"></link>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/bootstrap.js"></script>
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
</head>
<body>
<div id="container1">
  <div id="header">
    <h1><span class="o">Admin</span><span class="db">Paneel</span></h1>
    <h2></h2>
  </div>
  <div id="nav">
    <div class="navbar">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="#">Admin paneel</a>
				<div class="nav-collapse">
					<ul class="nav">
						<li class="active"><a href="#">Home</a></li>
						<li><a href="#about">About</a></li>
						<li><a href="#contact">Contact</a></li>
					</ul>
					<p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
				</div>
			</div>
		</div>
	</div>
  </div>
  <div id="content">
    <div id="main">
      <div class="page-header">
		<h1>Example page header</h1>
	</div>
	<pre>
  hier komt tekst
  </pre>
  <div class="alert">test</div>
</div>

    <div id="sidebar">
         <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header">Sidebar</li>
              <li class="active"><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
              <li><a href="#">Link</a></li>
			  <li class="divider"></li>
              <li class="nav-header">pagina naam</li>
			  <li>
			  <div class="btn-group">
  <button class="btn dropdown-toggle" data-toggle="dropdown">pagina naam <span class="caret"></span></button>
          
  <ul class="dropdown-menu">
				<a href="admin.php?actie=verhogen&amp;volgordeid=0"><i class="icon-chevron-up"></i>menu volgorde omhoog</a> 
				<a href="admin.php?actie=verlagen&amp;volgordeid=0"><i class="icon-chevron-down"></i>menu volgorde omlaag</a>
				<a href="admin.php?actie=verwijderen&amp;paginaid=1"><i class="icon-trash"></i>pagina verwijderen</a> 
				<a href="admin.php?actie=wijzigen&amp;paginaid=1"><i class="icon-pencil"></i>pagina veranderen</a>
				  </ul>
</div>
			  </li>
			   <li class="divider"></li>
			 
            </ul>
          </div><!--/.well -->
</div>
    <div class="clr"></div>
  </div>
  <div id="footer">
    <p>&copy; Copyright 2007</p>
    <p>Design: <a href="http://www.spyka.net">spyka.net</a></p>
  </div>
</div>
</body>
</html> 